<template>
  <div id="app">
    <router-view></router-view>
    <FooterBar v-if="isshow"></FooterBar>
  </div>
</template>

<script>
import FooterBar from "./components/FooterBar";
export default {
  components: {
    FooterBar,
  },
  data() {
    return {
      // 底部菜单显示
      isshow: true,
    };
  },
  created() {
    // 订阅让底部菜单隐藏的指令
    this.isshow = true;
    this.$bus.$on("FooterBar", (show) => {
      // 底部菜单显示
      this.isshow = show;
    });
  },
};
</script>

<style lang="scss">
#app {
  height: 100%;
}
* {
  margin: 0;
  padding: 0;
}
html,
body {
  // 禁止移动端触摸放大
  touch-action: none;
  height: 100%;
  ul,
  li {
    list-style: none;
  }
}
body,
hr,
th,
td,
ul,
ol,
dl,
dd,
input,
button,
p,
h1,
h2,
h3,
h4,
h5,
h6,
textarea,
optgroup,
option,
fieldset {
  margin: 0;
  padding: 0;
}
li {
  list-style: none;
}
a,
u {
  text-decoration: none;
}
a {
  color: #666;
}
img {
  border: none;
  display: block;
}
input,
textarea,
button,
select {
  outline: none;
}
h1,
h2,
h3,
h4,
h5,
h6,
b,
strong {
  font-weight: normal;
}
em,
i {
  font-style: normal;
}
body {
  font-size: 14px;
  font-family: "微软雅黑";
}
textarea {
  resize: none;
}
</style>
